<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
      {% block meta %}
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
      {% endblock meta %}

      <title>PeTeReport | {% block title %}{% endblock %}</title>

      <link rel="shortcut icon" href="/static/favicon.ico" />

      {% block stylesheets %}
      
      <!-- Google Font: Source Sans Pro -->
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
      <!-- Font Awesome -->
      <link rel="stylesheet" href="/static/plugins/fontawesome-free/css/all.min.css">

      <!-- DataTables -->
      <link rel="stylesheet" href="/static/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
      <link rel="stylesheet" href="/static/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
      <link rel="stylesheet" href="/static/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">

      <!-- Select2 -->
      <link rel="stylesheet" href="/static/plugins/select2/css/select2.min.css">
      <link rel="stylesheet" href="/static/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">

      <!-- Theme style -->
      <link rel="stylesheet" href="/static/dist/css/highlighter.css">
      <link rel="stylesheet" href="/static/dist/css/adminlte.min.css">

      <!-- Martor -->
      <link href="/static/martor/plugins/css/ace.min.css" type="text/css" media="all" rel="stylesheet" />
      <link href="/static/martor/plugins/css/resizable.min.css" type="text/css" media="all" rel="stylesheet" />
      <link href="/static/martor/css/martor.bootstrap.min.css" type="text/css" media="all" rel="stylesheet" />

      {% endblock stylesheets %}

    {% endblock head %}
    {% load static %}

</head>


<body class="hold-transition sidebar-mini">
{% block body %}

<div class="wrapper">


      {% block top_navigation %}
          {% include "home/top_navigation.html" %}
      {% endblock top_navigation %}

      {% block aside_navigation %}
          {% include "home/aside.html" %}
      {% endblock aside_navigation %}

      
      <div class="content-wrapper">
          {% block content %}
            <!-- {{ content }} -->
          {% endblock content %}
      </div>


      {% block footer %}
        <footer>
          {% include "home/footer.html" %}
        </footer>
      {% endblock footer %}


</div>
<!-- ./wrapper -->



{% block javascripts %}

<!-- jQuery -->
<script src="/static/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="/static/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Select2 -->
<script src="/static/plugins/select2/js/select2.full.min.js"></script>
<!-- DataTables  & Plugins -->
<script src="/static/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/static/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="/static/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="/static/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="/static/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="/static/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="/static/plugins/jszip/jszip.min.js"></script>
<script src="/static/plugins/pdfmake/pdfmake.min.js"></script>
<script src="/static/plugins/pdfmake/vfs_fonts.js"></script>
<script src="/static/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="/static/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="/static/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>

<!-- AdminLTE App -->
<script src="/static/dist/js/adminlte.min.js"></script>

<!-- MARTOR -->

<!-- <script type="text/javascript" src=/static/martor/plugins/js/jquery.min.js></script> -->
<script type="text/javascript" src=/static/martor/plugins/js/bootstrap.min.js></script>

<script type="text/javascript" src="/static/martor/plugins/js/ace.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/mode-markdown.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/ext-language_tools.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/theme-github.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/typo.js"></script>
<!--<script type="text/javascript" src="/static/martor/plugins/js/spellcheck.js"></script>-->
<script type="text/javascript" src="/static/martor/plugins/js/highlight.min.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/resizable.min.js"></script>
<script type="text/javascript" src="/static/martor/plugins/js/emojis.min.js"></script>
<script type="text/javascript" src="/static/martor/js/martor.bootstrap.min.js"></script>


<script>
  $('.martor-preview pre').each(function(i, block){
      hljs.highlightBlock(block);
  });
</script>

<!-- jQuery Knob -->
<script src="/static/plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- Last release ECharts -->
<script src="/static/echarts.min.js"></script>
        

{% endblock javascripts%}

{% endblock body %}
</body>
</html>
